<div>
  <div bind="publicDocsPanel" class="gdata-panel">
    <h1 id="gdata-title"></h1>
    <div class="grid-layout layout-tighter"><table>
      <tr><td colspan="2"><label for="urlInputId" id="gdata-import"></label></td></tr>
      <tr bind="urlRow">
        <td><input bind="urlInput" id="urlInputId" name="download" class="default-importing-web-url" /></td>
        <td><button bind="urlNextButton" class="button button-primary" type="button" id="gdata-next"></button></td>
      </tr>
    </table></div>
  </div>
  
  <div bind="authorizedDocsPanel" class="gdata-panel">
    <h1 id="gdata-auth-doc"></h1>
    
    <div bind="signinPage" class="gdata-page">
      <p><span id="gdata-please-signin"></span> <button class="gdata-signin button button-primary" id="gdata-signin-btn"></button></p>
    </div>
    <div bind="progressPage" class="gdata-page">
      <p><img src="images/large-spinner.gif" /> <span id="gdata-retrieving"></span></p>
    </div>
    <div bind="listingPage" class="gdata-page grid-layout layout-normal"><table>
      <tr>
        <td colspan="2"><span id="gdata-re-signin-another"></span><button class="gdata-signin button button-primary" id="gdata-resignin"></button>
        <button class="gdata-signout button button-primary" id="gdata-signout"></button>
      </tr>
      <tr><td colspan="2"><div bind="listingContainer" class="grid-layout layout-tight gdata-document-container"></div></td></tr>
    </table></div>
  </div>
</div>
